import { createRouter, createWebHashHistory } from 'vue-router'
import localCache from '@/utils/cache'
// 导入路由类型规则，使用type关键字指定我们导入的是类型，而不是其他文件
import type { RouteRecordRaw } from 'vue-router'
import store from '@/store'
import { firstMenu } from '@/utils/map-menus'
const routes: RouteRecordRaw[] = [
  {
    path: '/',
    redirect: '/main'
  },
  {
    path: '/login',
    name: 'login',
    component: () => import('@/views/login/login.vue')
  },
  {
    path: '/main',
    name: 'main',
    component: () => import('@/views/main/main.vue')
  },
  // 访问一个不存在的路由时，展示以下路由组件
  {
    path: '/:pathMatch(.*)',
    name: 'notFound',
    component: () => import('@/views/not-found/notFound.vue')
  }
]

const router = createRouter({
  routes,
  // 使用hash模式
  history: createWebHashHistory()
})

router.beforeEach((to) => {
  // 判断如果不是前往login，则获取其token并校验，校验不通过则前往login，否则默认放行
  if (to.path !== '/login') {
    const token = localCache.getCache('token')
    if (!token) {
      return '/login'
    }
  }
  // 如果去往的路径是main，则让他默认跳转到第一个menu路由中
  if (to.path === '/main') {
    return firstMenu.url
  }
})

export default router
